
var page = 1;

function loadXMLDoc()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var json = JSON.parse(xmlhttp.responseText);
            for(let i = 0;i < json.one.length;i++){


                var divda = document.createElement('div');
                var img = document.createElement('img');
                img.src = json.one[i].pic;
                divda.appendChild(img);

                var div = document.createElement('div');

                //h4标签部分
                var h4 = document.createElement('h4');
                h4.innerHTML = json.one[i].text;

                div.appendChild(h4);

                //第一个p标签部分
                var p = document.createElement('p');
                p.innerHTML = json.one[i].desc;
                div.appendChild(p);

                //img部分

                var im = document.createElement('img');
                im.src = json.one[i].pic1;
                div.appendChild(im);

                //第二个p标签部分
                var p1 = document.createElement('p');
                div.appendChild(p1);

                var span = document.createElement('span');
                span.innerHTML = json.one[i].price;
                p1.appendChild(span);

                var del = document.createElement('del');
                var span1 = document.createElement('span');
                span1.innerHTML = json.one[i].pricedel;

                //把span1追加到del中
                del.appendChild(span1);

                //把del追加到p1中
                p1.appendChild(del);


                //把div追加到divda中
                divda.appendChild(div);

                //把所有的追加到#lest里边
                document.querySelector("#lest").appendChild(divda);

                //在innerHTML中起的class名
                div.classList.add("h");
                divda.classList.add("d","clearfix");
                p.classList.add('q');
                span.classList.add('s1')


            }
        }
    };
    xmlhttp.open("GET",page + ".json",true);
    xmlhttp.send();
}
loadXMLDoc();

document.querySelector("#btn").addEventListener('click',function(){
    if(page >= 4){
        page = 1;
    }else {
        page++;
    }
    document.querySelector("#lest").innerHTML = '';
    loadXMLDoc();
});